$(function(){

	var playPause = document.querySelector(".v-btn"),//播放或者暂停按钮
		videoOps = document.querySelector(".video-ops"),//底部操作区域
		pgRanks = document.querySelector(".pg-ranks"),//快进线

		pgTag = document.querySelector(".pg-tag"),//快进按钮

		vpTimer = document.querySelector(".vp-timer"),//播放时间记录

		cTimer = document.querySelector(".ctimer"),//影片的总时间

		cTimerV = 0,//影片的总时间

		videoM = document.querySelector(".video-m"),//video 蒙层 供点击使用

		vpScreen = document.querySelector(".vp-screen"),//是否全屏播放按钮

		myVideo = document.querySelector(".my-video"),//视频播放video

		vpProgress = document.querySelector(".vp-progress");//进度条区域

	var config = {

		vpProgress: document.querySelector(".vp-progress"),

		vpX : '',//进度条的左边区域

		vpW : '',//进度条的宽度

		screenH: $(window).height(),//设备的高度

		videoH: '',//视频播放器的高度
		
	},
	$commentC = $(".comment-c"),//评论区的列表盒子对象
	$commentBox = $(".comment-box");//评论区的内容盒子对象
	/**
	 * 控制视频播放
	 */
	function playControl(){

		$(playPause).toggleClass('play-icon');//显示播放还是暂停 图标的

        if (myVideo.paused) {

            myVideo.play();

        } else {

            myVideo.pause();

        }
	}

	/**
	 * 得到形如00:00:00的时间
	 */
	function getMydate(t){

		t = parseInt(t, 10);

		var _h = 0,_m = 0,_s = 0;

		if(t >= 3600){

			_h = parseInt(t/3600);

			_h = _h >= 10 ? _h : "0" + _h;

			t = t%3600;

		}else{

			_h = "00";
		}

		if(t >= 60){

			_m = parseInt(t/60);

			_m = _m >= 10 ? _m : "0" + _m;

			t = t%60;

		}else{

			_m = "00";
		}

		_s = t >= 10 ? t : "0" + t;

		return _h + ":" + _m + ":" + _s;

	}

	/**
	 * 改变进度条 以及播放器的播放时间 p: 状态
	 */
	function changeVideoCurrentTimer(states){

		if(!states) return false;

		if(states === "begin"){

			$(".ctimer").html(getMydate(cTimerV));

			$(".ctimer-l").html(getMydate(0));

			$(".vp-timer").html(getMydate(0));

			$(pgRanks).width(0);

			$(pgTag).css({"left": 0,"right": "auto"});

		}else if(states === "end"){

			$(".ctimer-l").html(getMydate(cTimerV));

			$(".vp-timer").html(getMydate(cTimerV));

			$(pgRanks).width("100%");

			$(pgTag).css({"left": "auto","right": 0});

		}else{

			/**
			 * 显示进度时间
			 */
			var _currentTimer = getMydate(cTimerV*states);

			$(".ctimer-l").html(_currentTimer);

			$(".vp-timer").html(_currentTimer);

			$(pgRanks).width(states*100 + "%");

			$(pgTag).css({"left": states*100 + "%","right": "auto"});

		}

	}

	/**
	 * 客户端开始请求数据
	 */

	myVideo.addEventListener("loadstart",function(){

		console.log("客户端开始请求数据");

	},false)

	/**
	 * 网速不好时候 触发 stalled 事件
	 */
	
	myVideo.addEventListener("stalled",function(){

		console.log("网速不好时候");

	},false)

	/** 
	 * 等待数据  waiting
	 */
	myVideo.addEventListener("waiting",function(){

		console.log("等待数据");

	},false)


	/** 
	 * 获取资源的长度 duration
	 */
	myVideo.addEventListener("loadedmetadata",function(){

		var _totalTimer = getMydate(this.duration),_currentTimer = getMydate(this.currentTime);

		/**
		 * 视频加载成功之后 对数据初始化
		 */
		
		cTimerV = this.duration;

		changeVideoCurrentTimer("begin");

		$(videoM).addClass("success");

	},false)

	/**
	 * 获取当前的播放时间 currentTime
	 */
	myVideo.addEventListener("timeupdate",function(){

		// if(this.currentTime > 10){
        //
		// 	/**
		// 	 * 这里判断 试看是否结束  要付费吗？  demo 待续
		// 	 */
        //
		// 	// myVideo.pause();
         //    //
		// 	// myVideo.src="";
         //    //
		// 	// changeVideoCurrentTimer("end");
         //    //
		// 	// $(videoM).removeClass("success").html("免费已经结束");
        //
		// }else{
        //
		// 	changeVideoCurrentTimer(this.currentTime/cTimerV);
        //
		// }
	},false)

    /**
     * 视频播放结束
     */
    myVideo.addEventListener("ended",function(){

		changeVideoCurrentTimer("end");

	},false)

	/**
	 * 点击改变进度条
	 */
	vpProgress.addEventListener("click",function(e){

		/**
		 * 获取到点击的位置
		 */
		if(!cTimerV) return false;

		var _leftWidth = e.pageX - config.vpX,_ranks = _leftWidth/config.vpW;

		/**
		 * 这类通过 _ranks 改变状态 以及 myVideo 的播放currentTimer
		 */
		
		myVideo.currentTime = cTimerV*_ranks;
		
		changeVideoCurrentTimer(_ranks);

	})

	/**
	 * 点击控制播放和暂停
	 */
	videoM.addEventListener("click",function(e){

		playControl();
	})

	/**
	 * 监听页面点击事件  弹出评论区域
	 */
	
	$(".p-comment,.m-more").on("click",function(e){
		/**
		 * 这里判断是否登录  如果没有登录者 弹出登录页面  
		 */
        var user_cookie=$.cookie('mortise_loginToken');
		if(!user_cookie){
            ShowLogin();
			return false;
		}

		$commentBox.addClass("comment-fixed");
		/**
		 * 设置 comment-c 和 comment-fixed 的高度
		 */
		$commentBox.height(config.screenH - config.videoH);
		$commentC.height(config.screenH - config.videoH - $(".fixed-title").height() - $(".fixed-input").height());
		console.log($(".fixed-title").height());
		return false;
	})

	/**
	 * 关闭评论区 还原
	 */
	$(".close-fixed-comment").on("click",function(){

        // $(".m-comment").hide();
        // $(".comment-box").hide();
        // $(".page-m").hide();
		$commentBox.removeClass("comment-fixed");
		$commentBox.height("auto");
		$commentC.height("auto");
		console.log($(".fixed-title").height());
		return false;
	})

	/**
	 * 点击出现 评论框
	 */
	$(".fixed-input").on("click",function(){
		$.pageLayerTemplate();
		$(".m-comment").show();
		return false;
	})

	/**
	 * 影片详情 下拉 状态
	 */
	$(".show-vi").on("click",function(){
		$(".v-introduce,.show-vi").toggleClass("active");
		return false;
	})

	/**
	 * 分享状态
	 */
	$(".p-share").on("click",function(){
		$.pageLayerTemplate();
		$("body").append($.getShareLayer());
		return false;
	})

	// $(".page-m").on("click",function(){

	// 	$(".m-comment").hide();

	// 	$(this).hide();

	// 	return false;
	// })

    ;(function (doc, win) {

        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            oldW = '',clientWidth = '';
        recalc = function () {

            clientWidth = $(window).width();

            if (!clientWidth) return;

            if(oldW === clientWidth) return false;

            oldW = clientWidth;

            docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';

            setTimeout(function(){

                config.vpX = config.vpProgress.getBoundingClientRect().left;//进度条的左边区域

                config.vpW = config.vpProgress.getBoundingClientRect().width;//进度条的宽度

                config.videoH = $(".video").height();


                var _num1= $(".drama-list").length,_width1 = $(".drama-list").width(),
                    _num2= $(".hobby-list").length,_width2 = $(".hobby-list").width(),
                    hobbyWidth = _num2*_width2 + _num2*8,dramaWidth = _num1*_width1 + _num1*7;

                $(".hobby-slide").width(hobbyWidth < clientWidth ? "100%" : hobbyWidth);

                $(".drama-slide").width(dramaWidth < clientWidth ? "100%" : dramaWidth);

                new Swiper(".swiper-drama",{

                    scrollContainer: true
                })

                new Swiper(".swiper-hobby",{

                    scrollContainer: true
                })

            }, 65)
        };

        if (!doc.addEventListener) return;

        win.addEventListener(resizeEvt, recalc, false);

        recalc();

    })(document, window);
})